<!doctype html>
<html class="no-js" lang="en">

<head></head>

<body>
    <div id="contact-map" style="height: 500px;"></div>
    <script type="text/javascript"
        src="http://api.map.baidu.com/getscript?v=2.0&ak=MDdqxkqhQzfdBzfu2tfGiidGbHgTfGrB"></script>
    <script>
        // 百度地图API功能
        var map = new BMap.Map("contact-map");
        var point = new BMap.Point("115.92659", "31.750105");
        var marker = new BMap.Marker(point); // 创建标注
        map.enableScrollWheelZoom(); //启用滚轮放大缩小，默认禁用
        map.enableContinuousZoom(); //启用地图惯性拖拽，默认禁用
        map.setMapStyle({
            style: "horizontal",
        }); //地图添加黑夜主题背景
        map.addOverlay(marker); // 将标注添加到地图中
        map.centerAndZoom(point, 15);
        // 信息窗的配置信息
        var opts = {
            width: 250,
            height: 120,
            title: "神州通立电梯有限公司",
        };
        var infoWindow = new BMap.InfoWindow(
            "地址：安徽省六安市金寨现代产业园区梅山湖路与笔架山路路口",
            opts
        ); // 创建信息窗口对象
        marker.addEventListener("click", function () {
            map.openInfoWindow(infoWindow, point);
        });
        map.enableScrollWheelZoom(true);
        map.openInfoWindow(infoWindow, point); //开启信息窗口
        var top_left_navigation = new BMap.NavigationControl(); //左上角，添加默认缩放平移控件
        map.addControl(top_left_navigation);
    </script>
</body>

</html>